<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="./css/default.css"/>
        <h:outputStylesheet name="./css/cssLayout.css"/>
        <title>Facelets Template</title>
    </h:head>

    <h:body>

        <div id="top">
            <img src="./images/banner.jpg" />
            <!--<ui:insert name="top">Top</ui:insert>-->
        </div>
        <div id="menu">
          <h:form>  
    <p:growl id="messages"/>
 
    <p:menubar style="width: 100%" >
        <p:menuitem value="Cliente" url="Cliente.xhtml" style=" background-color: #045491; height: 25px; color: #FFFFFF;" />
        
        <p:menuitem value="Poliza" url="#" style=" background-color: #045491; height: 25px; color: #FFFFFF; "/>
        
        <p:menuitem value="Plan" url="#"  style=" background-color: #045491; height: 25px; color: #FFFFFF;"/>
        
        <p:menuitem value="Reclamos" url="#"  style=" background-color: #045491; height: 25px; color: #FFFFFF;"/>
        <p:submenu label="Reclamos" style=" background-color: #045491; height: 25px; color: #FFFFFF; ">
             <p:menuitem value="Creados" url="#"  />
              <p:menuitem value="Pendientes" url="#"  />
               <p:menuitem value="Requiere Cambios" url="#"  />
                <p:menuitem value="Aprobados" url="#"  />
            
        </p:submenu>
 
        <p:menuitem value="Siniestros" url="ingresarSiniestro.xhtml" style=" background-color: #045491; height: 25px; color: #FFFFFF; "/>
        
        <p:menuitem value="Factura" url="Factura.xhtml" style=" background-color: #045491; height: 25px; color: #FFFFFF; " />
    </p:menubar>
</h:form>
        </div>
        <div>
            <div>
                <div id="content" class="right_content">
                    <ui:insert name="content">Content</ui:insert>
                </div>
            </div>
        </div>
        <div id="pie">
            
            <img src="./images/banner_foot.jpg" />
            
            <!--antes se llamaba botton
            <ui:insert name="bottom">Bottom</ui:insert>-->
        </div>

    </h:body>

</html>
